@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0 ;}
body{font-size:14px; font-family:"Microsoft Yahei";color:#333; }
a{ text-decoration:none;}
.clear{clear:both;}
ul,li{ list-style:none;}
input,select,textarea{border:none;outline:none;font-family:"Microsoft Yahei";}
em{ font-style:normal;}
i{font-style:normal;}
img{border:none;max-width:100%;}
.clear{clear:both;}
h1,h2,h3,h4,h5,h6{ font-weight:lighter;}

.top{width:100%;height:95px; background:#f0f0f0; overflow:hidden;}
.top .c{width:1200px;margin:0 auto;}
.top .c .logo{float:left;padding-top:13px;}
.top .c .tel{float:right;padding-top:25px;}

/*
#hots label {
   position: relative;
    top: 10px;
    display: inline-block;
    font-family: 'Titan One', cursive;
    -webkit-animation: bounce .5s ease infinite alternate;
    animation: bounce .5s ease infinite alternate;

    font-size: 16px;
    color: #FFF;

}

#hots label:nth-child(2) { -webkit-animation-delay: .7s; animation-delay: .7s; }
#hots label:nth-child(3) { -webkit-animation-delay: .8s; animation-delay: .8s; }
#hots label:nth-child(4) { -webkit-animation-delay: .9s; animation-delay: .9s; }


@-webkit-keyframes bounce {
    100% {
        top: -5px;

    }
}

@keyframes bounce {
    100% {
        top: -5px;

      ;
    }
}*/
@keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-webkit-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-moz-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-o-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
.service-icon {
    -webkit-animation: icon-bounce 0.5s ease infinite  alternate;
    -moz-animation: icon-bounce 0.5s ease infinite  alternate;
    -o-animation: icon-bounce 0.5s ease infinite  alternate;
    animation: icon-bounce 0.5s ease infinite  alternate;
}

/*-------------menu---------------*/
#menu{width:100%;height:45px; background:#5e5e5e;}
#nav { width:1200px;margin:0 auto;}
#nav .mainlevel {float:left;text-align:center; display:inline-block;line-height:45px;width:171px;}
#nav .mainlevel span a {color:#fff;font-weight:bold;  display:block;font-size:14px;}
#nav .mainlevel span a:hover,#nav .mainlevel.active span a {transition:all 0.3s;background:#747474;}
#nav .mainlevel ul {display:none; position:absolute;z-index:9;}
#nav .mainlevel li {height:40px;line-height:40px;background:rgba(5,148,64,0.8); width:150px;cursor:pointer;/*IE6 only*/text-align:left;padding-left:20px;}
#nav .mainlevel li a{color:#fff;font-size:14px; display:block;}
#nav .mainlevel li  span{float:right;color:#fff;font-family:"黑体";padding-right:13px;}
#nav .mainlevel li:hover{background:#008537;}
#nav .mainlevel li:hover a{color:#fff;}
#nav .mainlevel li:hover span{color:#fff;}
#nav #mainlevel_09{margin-right:-10px}
#nav .mainlevel .inquiry{display:block;width:171px;height:45px;text-align:left; background:url(../images/bg3.gif)}
#nav .mainlevel .inquiry::before{display:inline-block;margin:16px 5px 0 30px;float:left;width:18px;height:16px; content:""; /*background:url(../images/t1.png)*/}


/*QQ客服
.qq{width:99px;height:106px; background:url(../images/kf.png); position:fixed;right:0;top:50%;padding-top:150px;margin-top:-128px;z-index:99;}
.qq a{ display:block;width:77px;height:20px;margin-left:10px;margin-top:8px;}
.qqzx{width:80px;height:20px; background:url(../images/qq.png)}
.qqzx:hover{width:80px;height:20px; background:url(../images/qq.png) 0px 21px;}*/